import Cookies from 'js-cookie'
import { getLang, setLang } from '../../utils/auth'

const app = {
  state: {
    sidebar: {
      opened: !+Cookies.get('sidebarStatus'),
      withoutAnimation: false
    },
    device: 'desktop',
    language: getLang() || 'zh_CN',
    i18Meaning: {},
    system: config.SYSTEM
  },
  mutations: {
    TOGGLE_SIDEBAR: state => {
      if (state.sidebar.opened) {
        Cookies.set('sidebarStatus', 1)
      } else {
        Cookies.set('sidebarStatus', 0)
      }
      state.sidebar.opened = !state.sidebar.opened
      state.sidebar.withoutAnimation = false
    },
    CLOSE_SIDEBAR: (state, withoutAnimation) => {
      Cookies.set('sidebarStatus', 1)
      state.sidebar.opened = false
      state.sidebar.withoutAnimation = withoutAnimation
    },
    TOGGLE_DEVICE: (state, device) => {
      state.device = device
    },
    SET_LANGUAGE: (state, language) => {
      state.language = language
      setLang(language)
    },
    SET_SYSTEM: (state, system) => {
      state.system = system
    },
    ADD_I18N: (state, i18) => {
      state.i18Meaning = Object.assign(state.i18Meaning, i18)
      localStorage.setItem('i18nKey', JSON.stringify(state.i18Meaning))
    },
    CLEAR_I18N: (state) => {
      state.i18Meaning = {}
    }
  },
  actions: {
    toggleSideBar({ commit }) {
      commit('TOGGLE_SIDEBAR')
    },
    closeSideBar({ commit }, { withoutAnimation }) {
      commit('CLOSE_SIDEBAR', withoutAnimation)
    },
    toggleDevice({ commit }, device) {
      commit('TOGGLE_DEVICE', device)
    },
    setLanguage({ commit }, language) {
      commit('SET_LANGUAGE', language)
    },
    setSystem({ commit }, system) {
      commit('SET_SYSTEM', system)
    },
    addI18({ commit }, i18) {
      commit('ADD_I18N', i18)
    },
    clearI18({ commit }) {
      commit('CLEAR_I18N')
    }
  }
}

export default app
